<div class="blog-aside">
  <section class="my-books">
    <h3 class="article-title">著作与翻译</h3>
    <ul class="my-books-list list-unstyled content">
      <li>
        <a href="http://item.jd.com/10099349781.html" target="_blank">
          <img src="./assets/img/Angularjs-book.jpg" alt="《Angularjs深度剖析与最佳实践》"/></a>
      </li>
    </ul>
  </section>
  <section class="weixin-qcode">
    <h3 class="article-title">微信公众号</h3>
    <a class="content" href="./assets/img/wei-xin-wolf-er-wei-ma.png" target="_blank"><img
      src="./assets/img/wei-xin-wolf-er-wei-ma.png" alt="微信公众号"/></a>
  </section>
  <section class="last-articles">
    <h3 class="article-title">最新随笔</h3>
    <ul class="list-unstyled content">
      <li *ngFor="let articleItem of article?.result">
        <a [routerLink]="['./', articleItem.url]">{{articleItem.title}}</a>
      </li>
    </ul>
  </section>
  <section class="my-links">
    <h3 class="article-title">友情链接</h3>
    <ul class="list-unstyled content">
      <li><a href="http://www.cnblogs.com/whitewolf/" target="_blank">博客园-破狼</a></li>
      <li><a href="https://github.com/greengerong" target="_blank">Github-破狼</a></li>
      <li><a href="http://codepen.io/greengerong/pens/public" target="_blank">CodePen-破狼</a></li>
      <li><a href="http://www.cnblogs.com/ys-ys/" target="_blank">博客园-野兽</a></li>
    </ul>
  </section>
</div>
